// pages/guest/guest.js
Page({

  /**
   * 页面的初始数据
   */
  data: {
    picker: {
      arr: ['0','1','2','3','4','5','6'],
      index: 1
    }
  },

  pickerChange: function (e) {
    this.setData( {
      'picker.index': e.detail.value
    })
  },

  nameChange: function (e) {
    this.checkName(e.detail.value)
  },
  phoneChange: function (e) {
    this.checkPhone(e.detail.value)
  },
  checkName: function (data) {
    var reg = /^[\u4E00-\u9FA5A-Za-z]+$/;
    return this.check(data, reg, '姓名输入错误！')
  },
  checkPhone: function(data) {
    var reg = /^(((13)|(15)|(17)|(18))\d{9})$/
    return this.check(data, reg, '手机号码输入有误！')
  },
  check: function(data, reg, errMsg) {
    if (!reg.test(data)) {
      wx.showToast({title: errMsg, icon: 'none' , duration: 1500})
      return false
    }
    return true
  },
  formSubmit: function (e) {
    console.log(e.detail.formId)
    var name  = e.detail.value.name
    var phone = e.detail.value.phone
    if (this.checkName(name) && this.checkPhone(phone)) {
      // 在此处可编码代码将e.detail.value 提交到服务器
      wx.showToast({title:'提交成功', icon: 'success', duration:1500})
    }
  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {

  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
})

// 代码为 使用 server对象来模拟服务器
// var server = {
//   appid: 'wx1e5712d7a0b479b4',
//   secret: '3ef25d3efb89e3edab552438db1c6874',
//   // 用于保存用户的openid和formId
//   user: {openid:'',formId:''},
//   // 用于接受表单，调用this.getOpenid()根据code获取openid
//   // post: function (data, success) {},
//   // 用于根据code获取openid
//   getOpenid: function (code, success) {},
//   // 用于发送模板消息
//   sendTemplateMessage: function(success) {},
//   // 用于获取access_token
//   getAccessToken: function(success) {},
//   // 用于接受表单，调用this.getOpenid()根据code获取openid
//   post: function (data, success) {
//     console.log('收到客户端提交的数据：', data)
//     this.user.formId = data.formId
//     this.getOpenid(data.code , res => {
//       console.log('用户openid：' + res.data.openid)
//       this.user.openid = res.data.openid
//       success()
//     })
//   },
//   // 用于根据code获取openid
//   getOpenid: function(code, success) {
//     wx.request({
//       url:'https://api.weixin.qq.com/sns/jscode2session',
//       data: {appid: this.appid, secret: this.secret, grant_type: 'authoriztion_code', js_code: code},
//       success: success
//     })
//   },
//   // 用于发送模板消息
//   sendTemplateMessage: function(success) {
//     var user = this.user
//     var data = {
//       touser: user.openid,
//       template_id: 'vKLdyH1bJ8aXFZrZ-kgrYA58dcf8OCd5DDPN0QbXPhM',
//       page: 'index',
//       form_id: user.formId,
//       data: {
//         keyword1: { value: '王辉、张琳'},
//         keyword2: { value: '谢谢你的祝福'}
//       }
//     }
//     this.getAccessToken( res => {
//       var token = res.data.access_token
//       console.log('服务器access_token：' + token)
//       var url = 'https://api.weixin.qq.com/cgi-bin/message/wxopen/template/send?access_token=' + token
//       wx.request({ url: url, method: 'post', data: data, success: success})
//     })
//   },
//   // 用于获取access_token
//   getAccessToken: function(success) {
//     var url = 'https://api.weixin.qq.com/cgi-bin/token?grant_type=client_credential&appid=' + this.appid + '&secret=' + this.secret
//     wx.request({ url: url, success: success })
//   }
// }

// if (this.checkName(name) && this.checkPhone(phone)) {
//   wx.login({
//     success: res => {
//       // 将表单提交给服务器，传入formId和code
//       server.post({ formId: e.detail.formId , code: res.code}, () => {
//         wx.showToast({ title: '提交成功！', icon: 'success' , duration: 1500})
//         // 提交成功后，由服务器发送模板消息
//         server.sendTemplateMessage ( res => {
//           console.log('模板消息发送结果', res.data)
//         })
//       })
//     }
//   })
// }

